import Vue from 'vue'
import Vuex from 'vuex'

Vue.use(Vuex);

const BreadcrumbInfo={
    BaiduMap:"<div class='divBreadcrumbInfo'>当前目录： 公共资料 / 百度地图</div>",
    BaiduMap2:"<div class='divBreadcrumbInfo'>当前目录： 公共资料 / 百度地图2</div>",
    Upload:"<div class='divBreadcrumbInfo'>当前目录： 学生信息 / 上传文件</div>",
    Upload2:"<div class='divBreadcrumbInfo'>当前目录： 学生信息/  上传文件2</div>",
    Cascader:"<div class='divBreadcrumbInfo'>当前目录： 学生信息 / 其他工具 / 级联选择</div>",
}

const state = {
    isCollapse: false, //导航栏默认为展开
    toggle: false, //第二个图标默认隐藏
    block: true, //默认显示第一个图标
    openMenus: ["1","2"],
    Breadcrumb:BreadcrumbInfo,
}

const getters={
}

const mutations = {
    //动态控制展开与收起,切换对应图标
    setCollapse(state){
        state.isCollapse = !state.isCollapse;
        state.toggle = !state.toggle;
        state.block = !state.block;
    }
}

const actions={
}

export default new Vuex.Store({
    state,
    getters,
    mutations,
    actions,
})